<!DOCTYPE html>
<html>
  <head>
    <title>HW 2-1 我的行程表</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      table{
        border-spacing: 5px;
        width: 100%;
      }
      caption{
        font-weight: bolder;
        font-size: 30px;
        color: red;
      }
      th, td{
        border: 2px solid black;
        text-align: center;
        width: 100px;
      }
      th{
        background-color: black;
        color: white;
      }
    </style>
  </head>
  <body>
    <!--作業程式碼 開始-->
    <table>
      <caption>My Schedule</caption>
      <colgroup>
        <col span="1">
        <col span="1">
        <col span="5">
        <col span="1">
      </colgroup>
      <thead>
        <tr>
          <th>時間\星期</th>
          <th>Sun</th>
          <th>Mon</th>
          <th>Tue</th>
          <th>Wed</th>
          <th>Thu</th>
          <th>Fri</th>
          <th>Sat</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>00-02</th>
          <td colspan="7" rowspan="4">睡覺時間</td>
        </tr>
        <tr>
          <th>02-04</th>
        </tr>
        <tr>
          <th>04-06</th>
        </tr>
        <tr>
          <th>06-07</th>
        </tr>
        <tr>
          <th>07-08</th>
          <td>假日晚點起床</td>
          <td colspan="5">刷牙與洗臉</td>
          <td>假日晚點起床</td>
        </tr>
        <tr>
          <th>08-10</th>
          <td rowspan="3">曬太陽</td>
          <td colspan="5" rowspan="2">
            <table>
              <tbody>
                <tr>
                  <td>認真上班</td>
                  <td>認真上課</td>
                  <td>認真學習</td>
                </tr>
              </tbody>
            </table>
          </td>
          <td rowspan="8">踏青</td>
        </tr>
        <tr>
          <th>10-12</th>
        </tr>
        <tr>
          <th>12-13</th>
          <td colspan="5">午休時間</td>
        </tr>
        <tr>
          <th>13-15</th>
          <td rowspan="2">喝咖啡聊是非</td>
          <td rowspan="2">
            <table>
              <tbody>
                <tr>
                  <td>認真上班</td>
                </tr>
                <tr>
                  <td>開週會</td>
                </tr>
                <tr>
                  <td>複習上課內容</td>
                </tr>
              </tbody>
            </table>
          </td>
          <td colspan="3" rowspan="2">認真上班</td>
          <td rowspan="2">
            <table>
              <tbody>
                <tr>
                  <td>認真上班</td>
                </tr>
                <tr>
                  <td>打掃座位</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <th>15-17</th>
        </tr>
        <tr>
          <th>17-18</th>
          <td rowspan="2">看電視</td>
          <td rowspan="2">認真上課</td>
          <td rowspan="2">健身</td>
          <td rowspan="2">認真上課</td>
          <td rowspan="2">健身</td>
          <td rowspan="3">吃大餐</td>
        </tr>
        <tr>
          <th>18-19</th>
        </tr>
        <tr>
          <th>19-20</th>
          <td>練習程式</td>
          <td>游泳</td>
          <td>練習程式</td>
          <td>跑步</td>
          <td>練習程式</td>
        </tr>
        <tr>
          <th>20-21</th>
          <td colspan="6">練習程式</td>
          <td rowspan="2">看電視</td>
        </tr>
        <tr>
          <th>21-22</th>
          <td colspan="6">讀英文</td>
        </tr>
        <tr>
          <th>22-23</th>
          <td colspan="7">打英雄聯盟、王者榮耀</td>
        </tr>
        <tr>
          <th>23-24</th>
          <td colspan="7">睡覺時間</td>
        </tr>
      </tbody>
    </table>
    <!--作業程式碼 結束-->
  </body>
</html>
